<!DOCTYPE html>
<html  lang="zh">
<head>
    <meta charset="utf-8">
<title>NexT 自带的语法高亮插件支持的语言列表 - Hardy&#39;s blog</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />



    <meta name="description" content="前言在Next主题中可以通过markdown 中的代码块方式开启某种语言的语法高亮： 语言列表">
<meta property="og:type" content="article">
<meta property="og:title" content="NexT 自带的语法高亮插件支持的语言列表">
<meta property="og:url" content="https://hardy0529.gitee.io/2020/05/04/NexT%20%E8%87%AA%E5%B8%A6%E7%9A%84%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE%E6%8F%92%E4%BB%B6%E6%94%AF%E6%8C%81%E7%9A%84%E8%AF%AD%E8%A8%80%E5%88%97%E8%A1%A8/index.html">
<meta property="og:site_name" content="Hardy&#39;s blog">
<meta property="og:description" content="前言在Next主题中可以通过markdown 中的代码块方式开启某种语言的语法高亮： 语言列表">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://hardy0529.gitee.io/images/og_image.png">
<meta property="article:published_time" content="2020-05-03T18:51:16.855Z">
<meta property="article:modified_time" content="2020-04-29T11:33:29.448Z">
<meta property="article:author" content="Hardy">
<meta property="article:tag" content="代码高亮">
<meta property="article:tag" content="博客搭建">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://hardy0529.gitee.io/images/og_image.png">





<link rel="alternative" href="/atom.xml" title="NexT 自带的语法高亮插件支持的语言列表" type="application/atom+xml">



<link rel="icon" href="/images/touxiang.png">


<link rel="stylesheet" href="https://unpkg.com/bulma@0.7.2/css/bulma.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,600|Source+Code+Pro">
<link rel="stylesheet" href="https://unpkg.com/highlight.js@9.12.0/styles/androidstudio.css">


    
    
    
    <style>body>.footer,body>.navbar,body>.section{opacity:0}</style>
    

    
    
    
    <link rel="stylesheet" href="https://unpkg.com/lightgallery@1.6.8/dist/css/lightgallery.min.css">
    <link rel="stylesheet" href="https://unpkg.com/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">
    

    
    

<link rel="stylesheet" href="https://unpkg.com/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css">


    
    
    
    

<link rel="stylesheet" href="/css/back-to-top.css">


    
    
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126693399-2"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-126693399-2');
</script>


    
    
<script>
var _hmt = _hmt || [];
(function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?94475e03ba05c6ed0dfa58a851d6c083";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();
</script>

    
    

    
    
<link rel="stylesheet" href="/css/progressbar.css">
<script src="https://unpkg.com/pace-js@1.0.2/pace.min.js"></script>

    
    
    

    
    
    
    
    
        <script type="text/javascript" src="https://js.users.51.la/20079919.js"></script>
    

    
    
    
        <script>
            (function(){
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https'){
               bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
              }
              else{
              bp.src = 'http://push.zhanzhang.baidu.com/push.js';
              }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
            </script>
    

    
    
    
        <script>
            (function(){
            var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?428f95ddc1f1e1d2fe658679fcd2092b":"https://jspassport.ssl.qhimg.com/11.0.1.js?428f95ddc1f1e1d2fe658679fcd2092b";
            document.write('<script src="' + src + '" id="sozz"><\/script>');
            })();
        </script>
    

    


<link rel="stylesheet" href="/css/style.css">
<meta name="generator" content="Hexo 4.2.0"></head>
<body class="is-2-column">
    <nav class="navbar navbar-main">
    <div class="container">
        <div class="navbar-brand is-flex-center">
            <a class="navbar-item navbar-logo" href="/">
            
                <img src="/images/logo.svg" alt="NexT 自带的语法高亮插件支持的语言列表" height="28">
            
            </a>
        </div>
        <div class="navbar-menu">
            
            <div class="navbar-start">
                
                <a class="navbar-item"
                href="/">首页</a>
                
            </div>
            
            <div class="navbar-end">
                
                
                
                <a class="navbar-item search" title="搜索" href="javascript:;">
                    <i class="fas fa-search"></i>
                </a>
                
            </div>
        </div>
    </div>
</nav>
    
    <section class="section">
        <div class="container">
            <div class="columns">
                <div class="column is-8-tablet is-9-desktop is-9-widescreen has-order-2 column-main"><div class="card">
    
    <div class="card-content article ">
        
        <div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
            <div class="level-left">
                <time class="level-item has-text-grey" datetime="2020-05-03T18:51:16.855Z">2020-05-04</time>
                
                <div class="level-item">
                <a class="has-link-grey -link" href="/categories/Hexo%E5%8D%9A%E5%AE%A2/">Hexo博客</a>
                </div>
                
                
                <span class="level-item has-text-grey">
                    
                    
                    3 分钟 读完 (大约 477 个字)
                </span>
                
                
            </div>
        </div>
        
        <h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">
            
                NexT 自带的语法高亮插件支持的语言列表
            
        </h1>
        <div class="content">
            <html><head></head><body><h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>在Next主题中可以通过markdown 中的代码块方式开启某种语言的语法高亮：</p>
<h2 id="语言列表"><a href="#语言列表" class="headerlink" title="语言列表"></a>语言列表</h2><a id="more"></a> 
<table>
<thead>
<tr>
<th align="left">语言</th>
<th align="left">支持的名字(不区分大小写)</th>
</tr>
</thead>
<tbody><tr>
<td align="left">1C</td>
<td align="left">1c</td>
</tr>
<tr>
<td align="left">Ada</td>
<td align="left">ada</td>
</tr>
<tr>
<td align="left">ARM assembler</td>
<td align="left">armasm, arm</td>
</tr>
<tr>
<td align="left">AVR assembler</td>
<td align="left">avrasm</td>
</tr>
<tr>
<td align="left">ActionScript</td>
<td align="left">actionscript, as</td>
</tr>
<tr>
<td align="left">Apache</td>
<td align="left">apache, apacheconf</td>
</tr>
<tr>
<td align="left">AppleScript</td>
<td align="left">applescript, osascript</td>
</tr>
<tr>
<td align="left">AsciiDoc</td>
<td align="left">asciidoc, adoc</td>
</tr>
<tr>
<td align="left">AspectJ</td>
<td align="left">aspectj</td>
</tr>
<tr>
<td align="left">AutoHotkey</td>
<td align="left">autohotkey</td>
</tr>
<tr>
<td align="left">AutoIt</td>
<td align="left">autoit</td>
</tr>
<tr>
<td align="left">Axapta</td>
<td align="left">axapta</td>
</tr>
<tr>
<td align="left">Bash</td>
<td align="left">bash, sh, zsh</td>
</tr>
<tr>
<td align="left">Basic</td>
<td align="left">basic</td>
</tr>
<tr>
<td align="left">BNF</td>
<td align="left">bnf</td>
</tr>
<tr>
<td align="left">Brainfuck</td>
<td align="left">brainfuck, bf</td>
</tr>
<tr>
<td align="left">C#</td>
<td align="left">cs, csharp</td>
</tr>
<tr>
<td align="left">C++</td>
<td align="left">cpp, c, cc, h, c++, h++, hpp</td>
</tr>
<tr>
<td align="left">C/AL</td>
<td align="left">cal</td>
</tr>
<tr>
<td align="left">Cache Object Script</td>
<td align="left">cos, cls</td>
</tr>
<tr>
<td align="left">CMake</td>
<td align="left">cmake, cmake.in</td>
</tr>
<tr>
<td align="left">CSP</td>
<td align="left">csp</td>
</tr>
<tr>
<td align="left">CSS</td>
<td align="left">css</td>
</tr>
<tr>
<td align="left">Cap’n Proto</td>
<td align="left">capnproto, capnp</td>
</tr>
<tr>
<td align="left">Clojure</td>
<td align="left">clojure, clj</td>
</tr>
<tr>
<td align="left">CoffeeScript</td>
<td align="left">coffeescript, coffee, cson, iced</td>
</tr>
<tr>
<td align="left">Crmsh</td>
<td align="left">crmsh, crm, pcmk</td>
</tr>
<tr>
<td align="left">Crystal</td>
<td align="left">crystal, cr</td>
</tr>
<tr>
<td align="left">D</td>
<td align="left">d</td>
</tr>
<tr>
<td align="left">DNS Zone file</td>
<td align="left">dns, zone, bind</td>
</tr>
<tr>
<td align="left">DOS</td>
<td align="left">dos, bat, cmd</td>
</tr>
<tr>
<td align="left">Dart</td>
<td align="left">dart</td>
</tr>
<tr>
<td align="left">Delphi</td>
<td align="left">delphi, dpr, dfm, pas, pascal, freepascal, lazarus, lpr, lfm</td>
</tr>
<tr>
<td align="left">Diff</td>
<td align="left">diff, patch</td>
</tr>
<tr>
<td align="left">Django</td>
<td align="left">django, jinja</td>
</tr>
<tr>
<td align="left">Dockerfile</td>
<td align="left">dockerfile, docker</td>
</tr>
<tr>
<td align="left">DTS (Device Tree)</td>
<td align="left">dts</td>
</tr>
<tr>
<td align="left">Dust</td>
<td align="left">dust, dst</td>
</tr>
<tr>
<td align="left">Elixir</td>
<td align="left">elixir</td>
</tr>
<tr>
<td align="left">Elm</td>
<td align="left">elm</td>
</tr>
<tr>
<td align="left">Erlang</td>
<td align="left">erlang, erl</td>
</tr>
<tr>
<td align="left">F#</td>
<td align="left">fsharp, fs</td>
</tr>
<tr>
<td align="left">FIX</td>
<td align="left">fix</td>
</tr>
<tr>
<td align="left">Fortran</td>
<td align="left">fortran, f90, f95</td>
</tr>
<tr>
<td align="left">G-Code</td>
<td align="left">gcode, nc</td>
</tr>
<tr>
<td align="left">Gams</td>
<td align="left">gams, gms</td>
</tr>
<tr>
<td align="left">GAUSS</td>
<td align="left">gauss, gss</td>
</tr>
<tr>
<td align="left">Gherkin</td>
<td align="left">gherkin</td>
</tr>
<tr>
<td align="left">Go</td>
<td align="left">go, golang</td>
</tr>
<tr>
<td align="left">Golo</td>
<td align="left">golo, gololang</td>
</tr>
<tr>
<td align="left">Gradle</td>
<td align="left">gradle</td>
</tr>
<tr>
<td align="left">Groovy</td>
<td align="left">groovy</td>
</tr>
<tr>
<td align="left">HTML, XML</td>
<td align="left">xml, html, xhtml, rss, atom, xjb, xsd, xsl, plist</td>
</tr>
<tr>
<td align="left">HTTP</td>
<td align="left">http, https</td>
</tr>
<tr>
<td align="left">Haml</td>
<td align="left">haml</td>
</tr>
<tr>
<td align="left">Handlebars</td>
<td align="left">handlebars, hbs, html.hbs, html.handlebars</td>
</tr>
<tr>
<td align="left">Haskell</td>
<td align="left">haskell, hs</td>
</tr>
<tr>
<td align="left">Haxe</td>
<td align="left">haxe, hx</td>
</tr>
<tr>
<td align="left">Ini</td>
<td align="left">ini</td>
</tr>
<tr>
<td align="left">Inform7</td>
<td align="left">inform7, i7</td>
</tr>
<tr>
<td align="left">IRPF90</td>
<td align="left">irpf90</td>
</tr>
<tr>
<td align="left">JSON</td>
<td align="left">json</td>
</tr>
<tr>
<td align="left">Java</td>
<td align="left">java, jsp</td>
</tr>
<tr>
<td align="left">JavaScript</td>
<td align="left">javascript, js, jsx</td>
</tr>
<tr>
<td align="left">Lasso</td>
<td align="left">lasso, ls, lassoscript</td>
</tr>
<tr>
<td align="left">Less</td>
<td align="left">less</td>
</tr>
<tr>
<td align="left">Lisp</td>
<td align="left">lisp</td>
</tr>
<tr>
<td align="left">LiveCode Server</td>
<td align="left">livecodeserver</td>
</tr>
<tr>
<td align="left">LiveScript</td>
<td align="left">livescript, ls</td>
</tr>
<tr>
<td align="left">Lua</td>
<td align="left">lua</td>
</tr>
<tr>
<td align="left">Makefile</td>
<td align="left">makefile, mk, mak</td>
</tr>
<tr>
<td align="left">Markdown</td>
<td align="left">markdown, md, mkdown, mkd</td>
</tr>
<tr>
<td align="left">Mathematica</td>
<td align="left">mathematica, mma</td>
</tr>
<tr>
<td align="left">Matlab</td>
<td align="left">matlab</td>
</tr>
<tr>
<td align="left">Maxima</td>
<td align="left">maxima</td>
</tr>
<tr>
<td align="left">Maya Embedded Language</td>
<td align="left">mel</td>
</tr>
<tr>
<td align="left">Mercury</td>
<td align="left">mercury</td>
</tr>
<tr>
<td align="left">Mizar</td>
<td align="left">mizar</td>
</tr>
<tr>
<td align="left">Mojolicious</td>
<td align="left">mojolicious</td>
</tr>
<tr>
<td align="left">Monkey</td>
<td align="left">monkey</td>
</tr>
<tr>
<td align="left">Moonscript</td>
<td align="left">moonscript, moon</td>
</tr>
<tr>
<td align="left">NSIS</td>
<td align="left">nsis</td>
</tr>
<tr>
<td align="left">Nginx</td>
<td align="left">nginx, nginxconf</td>
</tr>
<tr>
<td align="left">Nimrod</td>
<td align="left">nimrod, nim</td>
</tr>
<tr>
<td align="left">Nix</td>
<td align="left">nix</td>
</tr>
<tr>
<td align="left">OCaml</td>
<td align="left">ocaml, ml</td>
</tr>
<tr>
<td align="left">Objective C</td>
<td align="left">objectivec, mm, objc, obj-c</td>
</tr>
<tr>
<td align="left">OpenGL Shading Language</td>
<td align="left">glsl</td>
</tr>
<tr>
<td align="left">OpenSCAD</td>
<td align="left">openscad, scad</td>
</tr>
<tr>
<td align="left">Oracle Rules Language</td>
<td align="left">ruleslanguage</td>
</tr>
<tr>
<td align="left">Oxygene</td>
<td align="left">oxygene</td>
</tr>
<tr>
<td align="left">PF</td>
<td align="left">pf, pf.conf</td>
</tr>
<tr>
<td align="left">PHP</td>
<td align="left">php, php3, php4, php5, php6</td>
</tr>
<tr>
<td align="left">Parser3</td>
<td align="left">parser3</td>
</tr>
<tr>
<td align="left">Perl</td>
<td align="left">perl, pl, pm</td>
</tr>
<tr>
<td align="left">PowerShell</td>
<td align="left">powershell, ps</td>
</tr>
<tr>
<td align="left">Processing</td>
<td align="left">processing</td>
</tr>
<tr>
<td align="left">Prolog</td>
<td align="left">prolog</td>
</tr>
<tr>
<td align="left">Protocol Buffers</td>
<td align="left">protobuf</td>
</tr>
<tr>
<td align="left">Puppet</td>
<td align="left">puppet, pp</td>
</tr>
<tr>
<td align="left">Python</td>
<td align="left">python, py, gyp</td>
</tr>
<tr>
<td align="left">Python profiler results</td>
<td align="left">profile</td>
</tr>
<tr>
<td align="left">Q</td>
<td align="left">k, kdb</td>
</tr>
<tr>
<td align="left">QML</td>
<td align="left">qml</td>
</tr>
<tr>
<td align="left">R</td>
<td align="left">r</td>
</tr>
<tr>
<td align="left">RenderMan RIB</td>
<td align="left">rib</td>
</tr>
<tr>
<td align="left">RenderMan RSL</td>
<td align="left">rsl</td>
</tr>
<tr>
<td align="left">Roboconf</td>
<td align="left">graph, instances</td>
</tr>
<tr>
<td align="left">Ruby</td>
<td align="left">ruby, rb, gemspec, podspec, thor, irb</td>
</tr>
<tr>
<td align="left">Rust</td>
<td align="left">rust, rs</td>
</tr>
<tr>
<td align="left">SCSS</td>
<td align="left">scss</td>
</tr>
<tr>
<td align="left">SQL</td>
<td align="left">sql</td>
</tr>
<tr>
<td align="left">STEP Part 21</td>
<td align="left">p21, step, stp</td>
</tr>
<tr>
<td align="left">Scala</td>
<td align="left">scala</td>
</tr>
<tr>
<td align="left">Scheme</td>
<td align="left">scheme</td>
</tr>
<tr>
<td align="left">Scilab</td>
<td align="left">scilab, sci</td>
</tr>
<tr>
<td align="left">Smali</td>
<td align="left">smali</td>
</tr>
<tr>
<td align="left">Smalltalk</td>
<td align="left">smalltalk, st</td>
</tr>
<tr>
<td align="left">Stan</td>
<td align="left">stan</td>
</tr>
<tr>
<td align="left">Stata</td>
<td align="left">stata</td>
</tr>
<tr>
<td align="left">Stylus</td>
<td align="left">stylus, styl</td>
</tr>
<tr>
<td align="left">Swift</td>
<td align="left">swift</td>
</tr>
<tr>
<td align="left">Tcl</td>
<td align="left">tcl, tk</td>
</tr>
<tr>
<td align="left">TeX</td>
<td align="left">tex</td>
</tr>
<tr>
<td align="left">Thrift</td>
<td align="left">thrift</td>
</tr>
<tr>
<td align="left">TP</td>
<td align="left">tp</td>
</tr>
<tr>
<td align="left">Twig</td>
<td align="left">twig, craftcms</td>
</tr>
<tr>
<td align="left">TypeScript</td>
<td align="left">typescript, ts</td>
</tr>
<tr>
<td align="left">VB.Net</td>
<td align="left">vbnet, vb</td>
</tr>
<tr>
<td align="left">VBScript</td>
<td align="left">vbscript, vbs</td>
</tr>
<tr>
<td align="left">VHDL</td>
<td align="left">vhdl</td>
</tr>
<tr>
<td align="left">Vala</td>
<td align="left">vala</td>
</tr>
<tr>
<td align="left">Verilog</td>
<td align="left">verilog, v</td>
</tr>
<tr>
<td align="left">Vim Script</td>
<td align="left">vim</td>
</tr>
<tr>
<td align="left">x86 Assembly</td>
<td align="left">x86asm</td>
</tr>
<tr>
<td align="left">XQuery</td>
<td align="left">xpath, xq</td>
</tr>
<tr>
<td align="left">Zephir</td>
<td align="left">zephir, zep</td>
</tr>
</tbody></table>
</body></html>
        </div>
        
        <div class="level is-size-7 is-uppercase">
            <div class="level-start">
                <div class="level-item">
                    <span class="is-size-6 has-text-grey has-mr-7">#</span>
                    <a class="has-link-grey -link" href="/tags/%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE/" rel="tag">代码高亮</a>, <a class="has-link-grey -link" href="/tags/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/" rel="tag">博客搭建</a>
                </div>
            </div>
        </div>
        
        
        
        
<link rel="stylesheet" href="https://unpkg.com/social-share.js@1.0.16/dist/css/share.min.css">
<script src="https://unpkg.com/social-share.js@1.0.16/dist/js/social-share.min.js"></script>
        
    </div>
</div>



<div class="card">
    <div class="card-content">
        
        <h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3>
        
        <div class="buttons is-centered">
            
                
<a class="button is-info donate">
    <span class="icon is-small">
        <i class="fab fa-alipay"></i>
    </span>
    <span>支付宝</span>
    <div class="qrcode"><img src="/images/reward_alipay.png" alt="支付宝"></div>
</a>

                
                
<a class="button is-success donate">
    <span class="icon is-small">
        <i class="fab fa-weixin"></i>
    </span>
    <span>微信</span>
    <div class="qrcode"><img src="/images/reward_weixin.png" alt="微信"></div>
</a>

                
                
                
        </div>
    </div>
</div>



<div class="card card-transparent">
    <div class="level post-navigation is-flex-wrap is-mobile">
        
        <div class="level-start">
            <a class="level level-item has-link-grey  article-nav-prev" href="/2020/05/09/hexo-icarus%E4%B8%BB%E9%A2%98/">
                <i class="level-item fas fa-chevron-left"></i>
                <span class="level-item">hexo + icarus主题</span>
            </a>
        </div>
        
        
        <div class="level-end">
            <a class="level level-item has-link-grey  article-nav-next" href="/2020/05/04/as%20%E4%B8%8E%20is/">
                <span class="level-item">as 和 is 区别</span>
                <i class="level-item fas fa-chevron-right"></i>
            </a>
        </div>
        
    </div>
</div>



<div class="card">
    <div class="card-content">
        <h3 class="title is-5 has-text-weight-normal">评论</h3>
        
<div id="valine-thread" class="content"></div>
<script src="//cdn.jsdelivr.net/npm/leancloud-storage@3.15.0/dist/av-min.js"></script>
<script src='//unpkg.com/valine@1.3.9/dist/Valine.min.js'></script>
<script>
    new Valine({
        el: '#valine-thread' ,
        notify: false,
        verify: false,
        app_id: 'ATr8nfRUI4gBajhm1KlSEkN5-gzGzoHsz',
        app_key: 'EBMKhI9wI1JSRozxnQgCFrGb',
        placeholder: '发表您的意见，让我们一起交流，共同提高吧...'
    });   
</script>

    </div>
</div>
</div>
                




<div class="column is-4-tablet is-3-desktop is-3-widescreen  has-order-1 column-left is-sticky">
    
        
<div class="card widget">
    <div class="card-content">
        <nav class="level">
            <div class="level-item has-text-centered">
                <div>
                    
                        <figure class="image is-128x128 has-mb-6">
                            <img id="blog-head-img" class="is-rounded" src="/images/touxiang.png" alt="Hardy&#39;s blog">
                        </figure>
                    
                    
                    
                    <p class="is-size-5 is-block" style="margin-top: 10px;">
                        Hardy&#39;s blog
                    </p>
                    
                    
                    
                </div>
            </div>
        </nav>
        <nav class="level is-mobile">
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        文章
                    </p>
                    <p class="title has-text-weight-normal">
                        <a href="/archives/" style="color:black">24</a>
                    </p>
                </div>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        分类
                    </p>
                    <p class="title has-text-weight-normal">
                        <a href="/categories/" style="color:black">6</a>
                    </p>
                </div>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        标签
                    </p>
                    <p class="title has-text-weight-normal">
                        <a href="/tags/" style="color:black">26</a>
                    </p>
                </div>
            </div>
        </nav>
        
        
        
        <div class="level is-mobile">
            
            <a class="level-item button is-white is-marginless" target="_blank"
                title="Github" href="https://github.com/Hardy529">
                
                <i class="fab fa-github"></i>
                
            </a>
            
        </div>
        
    </div>
</div>
    
        
<div class="card widget">
    <div class="card-content">
        <div class="menu">
            <h3 class="menu-label">
                分类
            </h3>
            <ul class="menu-list">
            <li>
        <a class="level is-marginless" href="/categories/ASP-NET%E6%8E%A7%E4%BB%B6/">
            <span class="level-start">
                <span class="level-item">ASP.NET控件</span>
            </span>
            <span class="level-end">
                <span class="level-item tag">12</span>
            </span>
        </a></li><li>
        <a class="level is-marginless" href="/categories/C-%E5%9F%BA%E7%A1%80/">
            <span class="level-start">
                <span class="level-item">C#基础</span>
            </span>
            <span class="level-end">
                <span class="level-item tag">4</span>
            </span>
        </a></li><li>
        <a class="level is-marginless" href="/categories/CSS/">
            <span class="level-start">
                <span class="level-item">CSS</span>
            </span>
            <span class="level-end">
                <span class="level-item tag">2</span>
            </span>
        </a></li><li>
        <a class="level is-marginless" href="/categories/Hexo%E5%8D%9A%E5%AE%A2/">
            <span class="level-start">
                <span class="level-item">Hexo博客</span>
            </span>
            <span class="level-end">
                <span class="level-item tag">3</span>
            </span>
        </a></li><li>
        <a class="level is-marginless" href="/categories/Html/">
            <span class="level-start">
                <span class="level-item">Html</span>
            </span>
            <span class="level-end">
                <span class="level-item tag">1</span>
            </span>
        </a></li><li>
        <a class="level is-marginless" href="/categories/%E7%94%B5%E8%84%91%E7%B3%BB%E7%BB%9F%E8%AE%BE%E7%BD%AE/">
            <span class="level-start">
                <span class="level-item">电脑系统设置</span>
            </span>
            <span class="level-end">
                <span class="level-item tag">2</span>
            </span>
        </a></li>
            </ul>
        </div>
    </div>
</div>
    
        
<div class="card widget">
    <div class="card-content">
        <h3 class="menu-label">
            标签云
        </h3>
        <a href="/tags/ASP-NET/" style="font-size: 20px;">ASP.NET</a> <a href="/tags/C/" style="font-size: 15px;">C#</a> <a href="/tags/C-%E5%9F%BA%E7%A1%80/" style="font-size: 15px;">C#基础</a> <a href="/tags/CSS/" style="font-size: 12.5px;">CSS</a> <a href="/tags/WEB%E6%8E%A7%E4%BB%B6/" style="font-size: 17.5px;">WEB控件</a> <a href="/tags/hexo%E5%91%BD%E4%BB%A4/" style="font-size: 10px;">hexo命令</a> <a href="/tags/html/" style="font-size: 10px;">html</a> <a href="/tags/static/" style="font-size: 10px;">static</a> <a href="/tags/%E4%B8%8A%E4%BC%A0%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">上传控件</a> <a href="/tags/%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE/" style="font-size: 10px;">代码高亮</a> <a href="/tags/%E5%88%97%E8%A1%A8%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">列表控件</a> <a href="/tags/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/" style="font-size: 10px;">博客搭建</a> <a href="/tags/%E5%8D%A0%E4%BD%8D%E7%AC%A6%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">占位符控件</a> <a href="/tags/%E5%B9%BF%E5%91%8A%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">广告控件</a> <a href="/tags/%E6%97%A5%E5%8E%86%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">日历控件</a> <a href="/tags/%E6%98%BE%E7%A4%BA%E6%96%87%E6%9C%AC%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">显示文本控件</a> <a href="/tags/%E6%B8%85%E6%A5%9A%E6%B5%AE%E5%8A%A8/" style="font-size: 10px;">清楚浮动</a> <a href="/tags/%E7%83%AD%E7%82%B9%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">热点控件</a> <a href="/tags/%E7%BD%91%E9%A1%B5%E8%B7%AF%E5%BE%84/" style="font-size: 10px;">网页路径</a> <a href="/tags/%E8%A1%A8%E6%A0%BC%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">表格控件</a> <a href="/tags/%E8%A7%86%E5%9B%BE%E5%92%8C%E5%A4%9A%E8%A7%86%E5%9B%BE%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">视图和多视图控件</a> <a href="/tags/%E8%AE%BF%E9%97%AE%E4%BF%AE%E9%A5%B0%E7%AC%A6/" style="font-size: 10px;">访问修饰符</a> <a href="/tags/%E8%B6%85%E9%93%BE%E6%8E%A5%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">超链接控件</a> <a href="/tags/%E9%80%89%E6%8B%A9%E5%99%A8%E4%BC%98%E5%85%88%E6%9D%83/" style="font-size: 10px;">选择器优先权</a> <a href="/tags/%E9%9A%90%E8%97%8F%E5%AD%97%E6%AE%B5%E6%8E%A7%E4%BB%B6/" style="font-size: 10px;">隐藏字段控件</a> <a href="/tags/%E9%9D%99%E6%80%81%E7%9A%84/" style="font-size: 10px;">静态的</a>
    </div>
</div>

    
    
        <div class="column-right-shadow  is-sticky">
        
        </div>
    
</div>

                
            </div>
        </div>
    </section>
    <script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="https://unpkg.com/moment@2.22.2/min/moment-with-locales.min.js"></script>
<script>moment.locale("zh-CN");</script>


    
    
    
    <script src="/js/animation.js"></script>
    

    
    
    
    <script src="https://unpkg.com/lightgallery@1.6.8/dist/js/lightgallery.min.js" defer></script>
    <script src="https://unpkg.com/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js" defer></script>
    <script src="/js/gallery.js" defer></script>
    

    
    

<div id="outdated">
    <h6>Your browser is out-of-date!</h6>
    <p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">Update
            my browser now </a></p>
    <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>
</div>
<script src="https://unpkg.com/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.js" defer></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        outdatedBrowser({
            bgColor: '#f25648',
            color: '#ffffff',
            lowerThan: 'flex'
        });
    });
</script>


    
    
    
    

<a id="back-to-top" title="回到顶端" href="javascript:;">
    <i class="fas fa-chevron-up"></i>
</a>
<script src="/js/back-to-top.js" defer></script>


    
    

    
    
    
    

    
    
    
    
    
    <script src="https://unpkg.com/clipboard@2.0.4/dist/clipboard.min.js" defer></script>
    <script src="/js/clipboard.js" defer></script>
    

    
    
    
    
    

    
    
    

    
    
    

    


<script src="/js/main.js" defer></script>
<script>
    $(function(){
        var showing = false;
        var headEnter = false;
        var mouseArea =  $("#knowledge-star");
        var qrcode = $("#knowledge-qrcode");
        var headimg = $("#blog-head-img");
        //var originalSrc = headimg.attr("src");

        function knowStarAnim(show){
            if(show === showing) return;
            showing = show;
            qrcode.stop();
            qrcode.toggle(1000);
        }

        mouseArea.mouseenter(function(){
            knowStarAnim(true);  
        });

        mouseArea.mouseleave(function(){
            knowStarAnim(false);
        });

        function headChangeAnim(enter){
            if(enter === headEnter) return;
            headEnter = enter;
            if(enter){
                $("img").attr("title", function() { return this.src });
                $("img").attr("src", function(){
                    if(this.width < 150){
                        return "https://dp2px.com/images/jok-head.jpg";
                    }else{
                        return this.src;
                    }
                })
            }else{
                $("img").attr("src", function() { return this.title });
                $("img").removeAttr("title");
            }
        }

        headimg.mouseenter(function(){
            headChangeAnim(true);
        });
        headimg.mouseleave(function(){
            headChangeAnim(false);
        });
    });
</script>
    
    <div class="searchbox ins-search">
    <div class="searchbox-container ins-search-container">
        <div class="searchbox-input-wrapper">
            <input type="text" class="searchbox-input ins-search-input" placeholder="想要查找什么..." />
            <span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="searchbox-result-wrapper ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
    (function (window) {
        var INSIGHT_CONFIG = {
            TRANSLATION: {
                POSTS: '文章',
                PAGES: '页面',
                CATEGORIES: '分类',
                TAGS: '标签',
                UNTITLED: '(无标题)',
            },
            CONTENT_URL: '/content.json',
        };
        window.INSIGHT_CONFIG = INSIGHT_CONFIG;
    })(window);
</script>
<script src="/js/insight.js" defer></script>
<link rel="stylesheet" href="/css/search.css">
<link rel="stylesheet" href="/css/insight.css">
    
</body>
</html>